<template>
<div id="pohto_football">
            <nav class="navbar navbar-expand-sm bg-info navbar-dark">
  <ul class="navbar-nav" id="ul">
    <li class="nav-item active">
      <a class="nav-link" href="#"><router-link to="/pohto/football">足球</router-link></a>
    </li>
    <li class="nav-item">
     <a class="nav-link" href="#"><router-link to="/pohto/basketball">篮球</router-link></a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#"><router-link to="/pohto/">明星</router-link></a>
    </li>
    <li class="nav-item">
      <a class="nav-link disabled" href="#"><router-link to="/pohto/">旅游</router-link></a>
    </li>
     <li class="nav-item ">
      <a class="nav-link" href="#"><router-link to="/pohto/pretty">美女</router-link></a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#"><router-link to="/pohto/">风景</router-link></a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#"><router-link to="/pohto/">动漫</router-link></a>
    </li>
    <li class="nav-item">
      <a class="nav-link disabled" href="#"><router-link to="/pohto/">游戏</router-link></a>
    </li>
     <li class="nav-item ">
      <a class="nav-link" href="#"><router-link to="/pohto/">竞技</router-link></a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#"><router-link to="/pohto/">新闻</router-link></a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#"><router-link to="/pohto/">数码</router-link></a>
    </li>
    <li class="nav-item">
      <a class="nav-link disabled" href="#"><router-link to="/pohto/">衣饰</router-link></a>
    </li>
     <li class="nav-item ">
      <a class="nav-link" href="#">A   J</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">NI KE</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">ADI DAS</a>
    </li>
    <li class="nav-item">
      <a class="nav-link disabled" href="#">其他</a>
    </li>

  </ul>
</nav>
         <router-view></router-view>
         
</div>
    
</template>


<script>


export default {
        data(){
            return {

            }
        }, 
        methods:{

        }
        
}
</script>

<style>
   
ul{
    overflow-x: auto; 
    /* color: red; */
    /* max-width: 400px; */
}
/* a{
    padding: 15px;
    color:  rgb(255, 0, 191) ;
} */
#pohto_football{
    height: 60px;
    padding-top: 20px;
    
}




ul::-webkit-scrollbar { width: 0 !important }    


</style>
